<template>
	<view>
		<text>wxcode : {{wxcode}}</text>
		<button @click="getopenid">getopenid</button>
		<text>openId : {{openId}} \n</text>
		<text>unionid : {{unionid}}\n</text>
		<text>session_key : {{session_key}}\n</text>

		<button open-type="getUserInfo" @getuserinfo="getuserinfo">获取用户信息</button>
		<button open-type="getPhoneNumber" @getphonenumber="getphonenumber">唤起授权手机号</button>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				wxcode: "",
				openId: "",
				unionid: "",
				session_key: ""
			}
		},
		onLoad() {
			this.getuserNew(); // 获取openid
		},
		methods: {
			// 获取code
			getuserNew() {
				uni.login({
					provider: 'weixin',
					success: res => {
						console.log(res);
						this.wxcode = res.code;
					}
				});
			},
			getopenid() {
				uni.request({
					url: 'https://api.weixin.qq.com/sns/jscode2session',
					method: 'GET',
					data: {
						appid: 'wxf8c37893a5e87b7c', //你的小程序的APPID  
						secret: '24451c69121fcb1a859a32afdb422a1d', //你的小程序的secret,  
						js_code: this.wxcode, //wx.login 登录成功后的code  
						grant_type: 'authorization_code',
					},
					success: (cts) => {
						// 换取成功后 暂存这些数据 留作后续操作  
						this.openId = cts.data.openid //openid 用户唯一标识  
						this.unionid = cts.data.unionid //unionid 开放平台唯一标识   当公众号和小程序同时登录过才会有
						this.session_key = cts.data.session_key //session_key  会话密钥  
						console.log(cts)
						console.log(this.openId, this.session_key)
					}
				});

			},
			getuserinfo(e) {
				console.log(e)
			},
			// 获取用户手机号，getPhoneNumber:fail no permission 需要公众号后台进行小程序微信认证
			getphonenumber(e) {

				console.log(e.detail.errMsg) // 判断用户是否允许获取手机号
				console.log(e.detail.iv) // 参数 iv
				console.log(e.detail.encryptedData) // 参数encryptedData
				// if (e.detail.errMsg == "getPhoneNumber:ok") { // 用户允许或去手机号
				// 	uni.request({
				// 		url: "http://192.168.0.93:6042/login/miniProgramLogin",
				// 		method: "POST",
				// 		data: {
				// 			data: {
				// 				encryptedData: e.detail.encryptedData,
				// 				iv: e.detail.iv,
				// 				sessionKey: this.session_key,
				// 				openId: this.openId,
				// 			}
				// 		},
				// 		success: (res) => {
				// 			if (res.data.errorinfo == null) {
				// 				console.log(res.data) // 这个里面就有手机号了

				// 			}
				// 		}
				// 	})
				// }
			},


		},
		computed: {
			// autowxcode => getuserNew();
		}

	}
</script>

<style>

</style>